* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

:root {
    /*在CSS3中，:root选择器用于选择文档的根元素。根元素指的是位于文档树中最顶层结构的元素。在HTML中，根元素永远是HTML;
      等价于html{};*/
}

html {
    font-size: 62.5%;
    -webkit-text-size-adjust: 100%;
    /*关闭字体大小自动调整功能*/
    -ms-text-size-adjust: 100%;
    touch-action: manipulation;
    /*取消双击放大，避免300ms的延迟，不过FF不支持；*/
}

/*需要注意的是，  :root 选择符（伪类）的 优先级 大于  html 选择符*/
html * {
    margin: 0;
    padding: 0;
    outline: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    /*去除点击时出现的边框；*/
    -webkit-text-size-adjust: none;
    /*解决当<12px,chrome中仍然显示12px的问题;*/
}

title {
    width: 100%;
    text-align: center;
    display: block;
}

html,
body {
    /*禁止选中文本*/
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 100%;
    /*如果  <body> 及其子元素的高度需要设置为窗口高度时，  <html> 元素上也需要添加*/
    /*使用无衬线字体*/

    font-family: "Helvetica Neue", Helvetical, STHeiTi, sans-serif;
    /*iOS 4.0+ 使用英文字体 Helvetica Neue，之前的iOS版本降级使用 Helvetica。中文字体设置为华文黑体STHeiTi。 需补充说明，华文黑体并不存在iOS的字体库中(http://support.apple.com/kb/HT5878)，*/
    /*但系统会自动将华文黑体 STHeiTi 兼容命中系统默认中文字体黑体-简或黑体-繁。*/
    /*原生Android下中文字体与英文字体都选择默认的无衬线字体.*/

}

body {
    // background-color: #f7f7f7 !important;
    font-size: 1.4rem;
    /*可以让页面在Native端滚动时模拟原生的弹性滚动效果*/
    -webkit-overflow-scrolling: touch;
}

body,
p,
form,
input,
button,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
}

address,
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

/*a{outline:0;cursor:pointer;*star:expression(this.onbanner=this.blur());}*/
/*expression已被废弃，可以忽略*/
a,
img {

    -webkit-touch-callout: none;
    /* 禁止长按链接与图片弹出菜单,在ios可以禁用系统的默认菜单*/
}

img {
    border: none;
    vertical-align: middle;
}

a {
    outline: 0;
    cursor: pointer;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    /*使点击时的高亮背景变成透明色*/
}

a:link,
a:active,
a:visited {
    text-decoration: none;
}

li,
ol {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

textarea {
    overflow: auto;
    reaize: vertical;
    /*可调整元素高度*/
}

input,
select,
textarea {
    outline: none;
    border: none;
    background: none;
}

button,
input,
textarea {
    -webkit-user-select: text;
    -ms-user-select: text;
    user-select: text;
    /*text为可选文本，none为不可选文本*/
    -webkit-appearance: none;
    /*常用于ios，禁用系统原生按钮样式*/
}

button,
select {
    text-transform: none;
    /*定义文本的大小写状态，此属性对中文无意义*/
    /*capitalize: 首字母大写 ;uppercase: 大写 ;lowercase: 小写 ;none: 正常无变化 ;inherit: 继承*/
}

button,
html input[type="button"],
input[type="reset"],
/*重置按钮*/
input[type="submit"] {
    cursor: pointer;
}

hr {
    /*宽度和高度分别应用到元素的内容框;在宽度和高度之外绘制元素的内边距和边框。*/
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/*字体*/
h1 {
    font-size: 1.8rem;
}

h2 {
    font-size: 1.6rem;
}

h3 {
    font-size: 1.4rem;
}

h1,
h2,
h3,
h4,
h5,
h6,
small {
    font-style: normal;
    font-weight: normal;
}

b,
strong {
    font-weight: bold;
}

em,
i {
    font-style: normal;
}

button,
input,
select,
textarea {
    font-family: "Helvetica Neue", Helvetical, STHeiTi, sans-serif;
}

/*颜色*/
input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #ccc;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #ccc;
}

/*注意它是一个冒号，textarea里面用的是input*/
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #ccc;
}

/*2、简化样式*/
.clear::after {
    content:"";
    clear: both;
    /*清除浮动*/
    height: 0;
    font-size: 0;
    display: block;
    line-height: 0;
    visibility: hidden;
    overflow: hidden;
}
.clear{
    zoom: 1;
}
.fl {
    float: left;
}

.fr {
    float: right;
}

body {
    margin: 0 auto;
    width: 100%;
    // max-width: 640px;
    // min-width: 320px;
    color: #555;
    padding-bottom: 8%;
    background: #fff;
}

// input,
// textarea {
//     font-size: 1rem;
//     line-height: 1.5rem;
// }




/*底部*/
html {
    font-size: 10px
}

@media screen and (min-width:321px) and (max-width:375px) {
    html {
        font-size: 11px
    }
}

@media screen and (min-width:376px) and (max-width:414px) {
    html {
        font-size: 12px
    }
}

@media screen and (min-width:415px) and (max-width:639px) {
    html {
        font-size: 15px
    }
}

@media screen and (min-width:640px) and (max-width:719px) {
    html {
        font-size: 20px
    }
}

@media screen and (min-width:720px) and (max-width:749px) {
    html {
        font-size: 22.5px
    }
}

@media screen and (min-width:750px) and (max-width:799px) {
    html {
        font-size: 23.5px
    }
}

@media screen and (min-width:800px) {
    html {
        font-size: 25px
    }
}